<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .wenzixz {
            width: 100%;
            height: 100%;
            display: flex;
            font-family: 'Lobster', cursive;
            perspective: 160px;
            overflow: hidden;
        }

        p {
            margin: auto;
            font-size: 24px;
            white-space: nowrap;
            transform-style: preserve-3d;
            animation: rotate 10s infinite ease-in-out;
        }

        span {
            color: #B60743;
            font-size: 30px;
            text-shadow:
                1px 1px 0 rgba(230, 30, 99, .9),
                2px 2px 0 rgba(230, 30, 99, .7),
                3px 3px 0 rgba(230, 30, 99, .5),
                4px 4px 0 rgba(230, 30, 99, .3),
                5px 5px 0 rgba(230, 30, 99, .1);


        }

        span:nth-child(-n+2) {
            animation-delay: -5s;
        }

        @keyframes rotate {
            0% {
                transform: rotateY(-45deg);
            }

            50% {
                transform: rotateY(45deg);
            }

            100% {
                transform: rotateY(-45deg);
            }
        }
    </style>
</head>

<body>
    <div class="txbox wenzixz">
        <p>
            <span>我</span>
            <span>爱</span>
            <span>黄</span>
            <span>大</span>
            <span>大</span>
        </p>
    </div>

</body>

</html>